<template>
  <div>
    <my-math :arr="arr">
      <template #title>
        <h2>测试题</h2>
      </template>

      <template #main>
      </template>
    </my-math>
  </div>
</template>

<script>
import MyMath from './components/my-math.vue'
export default {
  components: { MyMath },
  data() {
    return {
      arr: [
        {
          id: 1,

          num1: Math.floor(Math.random() * 10),

          num2: Math.floor(Math.random() * 10),

          status: '未完成',

          result: '1',

          submitted: false,
        },
        {
          id: 2,

          num1: Math.floor(Math.random() * 10),

          num2: Math.floor(Math.random() * 10),

          status: '未完成',

          result: '',

          submitted: false,
        },
        {
          id: 3,

          num1: Math.floor(Math.random() * 10),

          num2: Math.floor(Math.random() * 10),

          status: '未完成',

          result: '',

          submitted: false,
        },
        {
          id: 4,

          num1: Math.floor(Math.random() * 10),

          num2: Math.floor(Math.random() * 10),

          status: '未完成',

          result: '',

          submitted: false,
        },
        {
          id: 5,

          num1: Math.floor(Math.random() * 10),

          num2: Math.floor(Math.random() * 10),

          status: '未完成',

          result: '',

          submitted: false,
        },
      ],
    }
  },
}
</script>

<style scoped></style>
